<template>
  <view>
    <swiper indicator-dots="true" autoplay="true" interval="interval" duration="duration">
      <swiper-item>
        <view class="bg-item bg-blue">A</view>
      </swiper-item>
      <swiper-item>
        <view class="bg-item bg-green">B</view>
      </swiper-item>
      <swiper-item>
        <view class="bg-item bg-red">C</view>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      indicatorDots: true,
      autoplay: true,
      interval: 3000,
      duration: 300
    }
  },
  methods: {
  }
}
</script>
<style>
	.item {
		height:800upx;		
	}
	.bg-blue {
		/* background-image: url(../../../static/1.jpg); */
	}
	.bg-green {
		/* background-image: url(../../../static/2.jpg); */
	}
	.bg-red {
		/* background-image: url(../../../static/3.jpg); */
	}
</style>